<template>
	<div id="ErrorPage">
		<div id="ErrorPageImg" @click="goNew">
				<img src="../../assets/images/404.jpg" alt="系统维护中">
		</div>
	</div>
</template>

<script>
	export default{
		name:'ErrorPage',
		methods:{
			goNew(){
				this.$router.push({
					path:'/'
				})
			}
		},
		mounted(){
			document.getElementById('ErrorPage').style.height = window.screen.height + 'px';
		}
	}
</script>

<style scoped>
	#ErrorPage{
		width: 100%;
		padding:50px 0;
	}
	#ErrorPageImg{
		margin:0 auto;
		position: fixed;
		top:50%;
		left: 50%;
		margin-left: -115px;
		margin-top: -180px;
	}
	#ErrorPage img{
		width: 100%;
	}
</style>